/**
 * Created by Administrator on 2017/8/10.
 */
/*
功能：根据id找到一个对象
返回：返回html对象
 */
function $(id){
    return document.getElementById(id);
}

/**
 *
 * @param obj 是一个html对象
 * @returns {CSSStyleDeclaration|IEElementStyle} 一个包含当前HTML元素CSS样式的对象
 */
function getCssObj(obj){
    if (window.getComputedStyle){
        //w3c标准中的获取样式的方法
        var cssObj = window.getComputedStyle(obj);
    } else {
        //ie 低版本的获取css样式对象的方法
        var cssObj = obj.currentStyle;

    }
    //返回
    return cssObj;
}

/**
 *
 * @param obj  是一个html对象
 * @param attr string,css属性名，width,height,backgroundColor等
 * @returns {*} 属性值，针对包含px单位的属性值会被转换成 数字
 */
function getCssObjAttr(obj,attr){
    var cssObj = getCssObj(obj);//调用上面做好的函数

    var attrValue = cssObj[attr];       //获得css对象的属性值，是string
    if (attrValue.search('px')!=-1){    //如果属性值中包含 px字符
        attrValue = parseInt(attrValue)// Number,+ 12px NaN ，将 12px 转换 12 100px 转换 100
    }
    return attrValue;   //函数将属性值返回

}